<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt"  uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>
    	<spring:message code="head.clothGarment"></spring:message>
	    -
	    <spring:message code="head.showsList"></spring:message>
    </title>
    <!--公共样式-->
    <link href="${pageContext.request.contextPath }/web/css/font/iconfont.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/web/css/NormalizeFile.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/web/css/public.css" />
    <!--列表页面私有样式-->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/web/css/subpage/list.css" />
    <!--首页私有样式-----------------------------------------本页面秀场同步需要调用---------------------------------->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/web/css/subpage/index.css" />
</head>
<body class="min-w-1260">
<jsp:include page="../main/head.jsp"></jsp:include>
<!--秀场同步 begin-->
<div class="index-show">
    <div class="contenter mt134">
        <div class="index-show-left">
            <img src="${pageContext.request.contextPath }/web/img/showbg.jpg">
            <span>
            	<h4><spring:message code="index.show"></spring:message></h4>
            	<p><spring:message code="index.trend"></spring:message><br/><spring:message code="index.dev"></spring:message></p>
            </span>
        </div>
        <div class="index-show-right">
        <div class="container">
                <ul class="change_prod cont">
            	<c:set var="c" value="0"></c:set>
                <c:forEach items="${showList }" var="s" varStatus="show">
		            <c:if test="${s.parentId==0 }">
		            	<li <c:if test="${c==0 }">class="on"</c:if>>${s.name }</li>
		            	<c:set var="c" value="${c+1 }"></c:set>
		            </c:if>
	            </c:forEach>
            </ul>
            <div class="wrap-scroll-bar">
                    <div class="scroll-bar"></div>
                </div>
                </div>
            <c:set var="c1" value="0"></c:set>
             <c:forEach items="${showList }" var="s1">
            	<c:if test="${s1.parentId==0 }">
            		<div class="change_prod_cont <c:if test="${c1==0 }">on</c:if>">
            			<ul class="index-show-right-list" id="show${c1 }" style="clear:both;">
	            			<c:forEach items="${showList }" var="s2">
	            				<c:if test="${s2.parentId == s1.id }">
	            					<li><a href="${pageContext.request.contextPath }/web/show/details?sId=${s2.id}" onfocus="blur();">${s2.name }</a></li>
	            				</c:if>
	            			</c:forEach>
            			</ul>
            			<!--显示字母序的层。注：此层id必需是ul的id+"-nav"-->
           				<div class="index-show-right-index" id="show${c1 }-nav"></div>
            		</div>
            		<c:set var="c1" value="${c1+1 }"></c:set>
            	</c:if>
            </c:forEach>
            <input type="hidden" id="c1" value="${c1 }">
        </div>

        <div class="clearfix"></div>
        <ul class="showfieldlist">
            <c:forEach items="${showList }" var="sHot" varStatus="hot">
        		<c:if test="${sHot.hot==1}">
        			<li><a href="${pageContext.request.contextPath }/web/show/details?sId=${sHot.id}"><img src="${pageContext.request.contextPath }/upload/${sHot.img}" /></a></li>
        		</c:if>
        	</c:forEach>
        </ul>
    </div>
</div>
<!--秀场同步 end-->
<jsp:include page="../main/bottom.jsp"></jsp:include>
<!--全局-->
<script type="text/javascript" src="${pageContext.request.contextPath }/web/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath }/web/js/public.js"></script>
<!--ie789下placeholder不兼容-->
<script type="text/javascript" src="${pageContext.request.contextPath }/web/js/placeholder.js"></script>
<!--头部的以图搜图-->
<%-- <script type="text/javascript" src="${pageContext.request.contextPath }/web/js/uppicFile.js"></script> --%>
<!----------------------------------------以下js秀场同步需要调用------------------------------------>
<!--获取中文首字母的函数，需要jQuery支持-->
<script src="${pageContext.request.contextPath }/web/js/jquery.charfirst.pinyin.js" type="text/javascript"></script>
<!--ListNav是一个用于创建按字母顺序分类导航的jQuery插件。-->
<script src="${pageContext.request.contextPath }/web/js/jquery.listnav.min-2.1.js" type="text/javascript"></script>
<!--虚拟滚动条jquery插件-->
<script type="text/javascript" src="${pageContext.request.contextPath }/web/js/jquery.slimscroll.js"></script>
<!--横向虚拟滚动条-->
<script type="text/javascript" src="${pageContext.request.contextPath }/web/js/wheel.js"></script>
<!--index页面私有js-->
<script type="text/javascript" src="${pageContext.request.contextPath }/web/js/subpage/index.js"></script>
</body>
</html>